<template>
  <div id="pay-insurance-ratio">
    <cell
      v-for="(item, index) in cells"
      :title="item.name"
      :value="item.value"
      :key="index"></cell>

    <empty-message v-if="!cells.length" message="已无更多"></empty-message>
  </div>
</template>

<script>
  import EmptyMessage from './empty-message';
  import { Cell } from 'mint-ui';
  export default {
    name: "pay-insurance-ratio",
    components: {
      EmptyMessage,
      Cell
    },
    data() {
      return {
        cells: []
      }
    },
    created() {
      this.$http.post({
        api: this.$api.INSURANCE_RATIO_CHECK,
        params: {
          order_id: this.$route.params.order_id
        },
        success: (res) => {
          this.cells = res.data.data;
        }
      });
    }
  }
</script>

<style scoped lang="scss">

</style>
